@import "public";//引入公共样式
@import "-publictou";//引入公共样式头部
@import "-publicwei";//引入公共样式尾部
body{
    background:#ededed;
    min-height:1200px;
}

.shehualist{
    width:1200px;
    min-height: 205px;
    color:aquamarine;
    margin: 0 auto;
    //overflow: hidden;
    .list-1{
        width: 1200px;
        height:62px;
        background:#ededed;
        overflow: hidden;
        .list-top{
            width: 1200px;
            height:19px;
            background: #ededed;
            margin-top: 29px;
            i{
                font-size:12px;
                line-height: 19px;
                color:#666; 
                margin: 0 3px;
            }
              b{
                font-size:12px;
                color:#666; 
                line-height: 19px;
               margin-left: 1020px;
            }
            span{
                font-size:12px;
                color:#666; 
                line-height: 19px;
                 float: left;
                 margin-left:12px;
                 margin-right: 17px;
                 
            }
            p{ float: left;
               
                a{
                font-size:12px;
                line-height: 19px;
                color:#666; 
                cursor: pointer;
                }
                a:hover{
                    color: red;
                }
            }
        }
    }
    .list-2{
        width:1200px;
        min-height: 215px;
       // background:#7FFFD4;
        .list-21{
           width:1200px;
            min-height: 75px;
            background:#F5F5F5; 
            position: relative;
            border-bottom: 1px solid #ededed;
            .left-21{
                width: 111px;
                min-height: 75px;
                background:#f5f5f5;
                float: left;
                p{
                    font-size:12px;
                    margin-left: 29px;
                    color:#666; 
                    line-height: 75px;
                }
            }
            .middle-21{
                width:960px;
                min-height: 75px;
                background: white;
                margin-left:111px;
                .chance{                   
                    width:960px;
                    height: 266px;
                    background: white;
                    display:none;//----------------------------------------------点击多选出来
                    .chancetop{
                        width:100%;
                        height:50px;
                        //background: white;
                        overflow: hidden;
                        .searchsou{
                            width:133px;
                            height: 18px;
                            border: 1px solid #ededed;
                            margin-left: 10px;
                            margin-top: 11px;
                            position: relative;
                            float:left;
                            img{
                                width:26px;
                                height: 18px;
                                border-right: 1px solid #EDEDED;
                            }
                            input{
                                width:106px;
                                height: 18px;
                                outline: none;
                                border: none;
                                position: absolute;
                                top:0;
                                left:27px;
                            }
                        }
                    
                        a{
                            font-size:12px;
                            color:#666666;
                            line-height:12px;
                            display: block;
                            float: left;
                            margin-top: 14px;
                            margin-right: 15px;
                        }
                        a:hover{
                            color:red;
                        }
                        .pinpai{
                            font-weight: 900;
                            margin-left: 23px;
                        }
                    }
                    .chancebottom{
                        width:100%;
                        height:144px;
                       // background: yellow;
                        overflow: hidden;
                        overflow-y: auto;
                        //display: none;   //-------------多选
                        ul{
                            li{
                                width: 100px;
                                height:100px;
                                float:left;
                                border: 1px solid #EDEDED;
                                a{
                                    width: 98px;
                                    height:98px;
                                    display: block;
                                    font-size:12px;
                                    color:#666;
                                    line-height: 100px;
                                   // background:pink;
                                    text-align: center;
                                }
                                a:hover{
                                    color:#000000;
                                    border: 1px solid #000000;
                                }
                            }
                        }
                    }
                    .bottomanniu{
                        width:100%;
                        height:71px;
                       // background: pink;
                        a{
                            width: 45px;  
                            height:20px;
                            display: block;
                            font-size:12px;
                            color:#666;
                            float:left;
                            border: 1px solid #EDEDED;
                            margin-right: 10px;
                            text-align: center;
                            margin-top: 29px;
                        }
                        .sure{
                            margin-left: 436px;
                            background: #EDEDED;
                        }
                        a:hover{
                            color:red;
                            border-color: red;
                        }
                       .sure:hover {
                            color:white;
                            background: red;
                            border-color: red;
                        }
                    }
                }
                .tehu{
                    //display:none;    //--------------------------------------------刚开始显示的多选
                    width:960px;
                    height: 75px;
                    a{  
                        width: 155px;
                        height: 22px;
                        line-height: 22px;
                        font-size:12px;
                        color:#666;
                        padding-left: 5px;
                        overflow: hidden;
                        display: block;
                        text-indent: 5px;
                        margin: 5px 5px 5px 0;
                        float: left;
                        position: relative;
                        vertical-align: middle;
                        text-overflow: ellipsis;
                        white-space: normal;
                    }
                    a:hover{
                        color:red;
                        
                    }
                }
                
            }
          .right-21{
             width:129px;
             height: 100%;
             background:white;
             position: absolute;
             left:1071px;
             top:0;
             a{
                 color:#666;
                 font-size:12px;
                 float:left;
                 margin-top:18px;
             }
             a:hover{
                 color: red;
             }
             .duo{
                 margin-left:22px;
             }
             .more{
                 margin-left:8px;
                 margin-right: 30px;
             }
          }
        }
        
        .list-22{
           width:1200px;
            height: 45px;background: white;
           // background:#FAFAD2;
            border-bottom: 1px solid #ededed; 
            .left-22{
                width: 111px;
                height:100%;
                background:#f5f5f5;
                float: left;
                p{
                    font-size:12px;
                    margin-left: 29px;
                    color:#666; 
                    line-height: 45px;
                }
            }
            a{
                font-size:12px;
                line-height: 45px;
                color:#666;
            }
            .geren{
                margin-left:19px;
                
            }
            a:hover{
                color:red;                
            }
            i{
                font-size:12px;
                line-height: 45px;
                color:#666;
                margin-right:36px;
            }
        }
        .list-23{
           width:1200px;
            height: 45px;background: white;
            border-bottom: 1px solid #ededed;
           // background:yellow;
            .left-23{
                width: 111px;
                height:100%;
                background:#f5f5f5;
                float: left;
                p{
                    font-size:12px;
                    margin-left: 29px;
                    color:#666; 
                    line-height: 45px;
                }
            }
            a{
                font-size:12px;
                line-height: 45px;
                color:#666;
                margin-right: 36px;
            }
            a:hover{
                color:red;                
            }
            .di{
                margin-left: 19px;
            }
        }
        .list-24{
           display: block;//--------收起
           width:1200px;
            height: 45px;
            background: white;
            border-bottom: 1px solid #ededed;
            //background:red;
            .left-24{
                width: 111px;
                height:100%;
                background:#f5f5f5;
                float: left;
                p{
                    font-size:12px;
                    line-height: 45px;
                    color:#666; 
                    margin-left: 29px;
                }
            }
            a{
                font-size:12px;
                line-height: 45px;
                color:#666;
                margin-right: 36px;
            }
            a:hover{
                color:red;                
            }
            .chandi{
                margin-left: 19px;
            }
        }
    }
}
//----------------------------------------收起
.shouqi{
    width:1200px;
    height:22px;
    //background:pink;
    margin:0 auto;
    .shouqi1{
        width:80px;
        height:22px;
        background:white;
        margin:0 auto;
        #shouQ{
            font-size:12px;
            line-height: 22px;
            color:#666;
            margin-left: 10px;
         }
         #shouQ:hover{
            color:red;                
        }
    }
}
//------------------------------------------列表  ajax请求图片
#listbox{
    width:1200px;
    min-height:4436px;
    margin:0 auto;
    background: white;
    //position: relative;
    .xuanxiang{
        width:1200px;
        height:40px;
        background: white;
        a{
            font-size:18px;
            color:#666;
            display: block;
            float: left;
            width:129px;
            height:100%;
            line-height: 40px;
            text-align: center;
        }
        .shangcheng{
            color:#e93b39;
            border-top: 2px solid #e93b39;
        }
        a:hover{
             color:#e93b39;
        }
    }
    .list-pro{
        width:1200px;
        height:40px;
        background: #FFFFFF;
        overflow: hidden;
        .renqi{
            width:282px;
            height:24px;
            background: white;
            margin-top:8px;
            margin-left:29px;
            position: relative;
            a{  display: block;
                font-size:12px;
                color:#5d5d5d;
                float: left;
                position:relative;
                width: 45px;
                height: 22px;
                line-height:22px;
                border: 1px solid #ededed;
                img{
                    display: inline-block;
                    position: absolute;
                    top:6px;
                    left:26px;
                }
            }
            a:hover{
                color:red;
                border: 1px solid red;
            }
            .zonghe{
                color:white;
                background:red ;
            }
            .zonghe:hover{
                color:white;
            }
            input{
                
                width:45px;
                height: 20px;
                outline: none;
                
            }
            .di1{
                position: absolute;
                top:0;
                left: 300px;
            }
            i{
                position: absolute;
                top:0;
                left: 349px;
            }
            .di2{
                position: absolute;
                top:0;
                left: 356px;
            }
            .fuxuan{
                width:222px;
                height:44px;
                //background: yellow;
                position: absolute;
                top:-9px;
                left:425px;
                input{
                    width: 13px;
                    line-height:44px;
                    height: 13px;
                }
                b{  margin-left:2px;
                    margin-right: 15px;
                    font-size:12px;
                    line-height:44px;
                }
            }
            span{
                width: 190px;
                height:22px;

                position: absolute;
                left:645px;
                top:0;
                input{
                    outline: none;
                    width: 144px;
                    height:23px;
                    border: none;
                    border: 1px solid #ededed;
                    
                }
                a{
                    position: absolute;
                    top:0;
                    left:144px;
                    background: white;
                    b{
                        margin-left: 8px;
                    }
                }
                .anniu:hover{
                    color:#666;
                    border: 1px solid #ededed;
                }
            }
            .fenye{
                width: 87px;
                height: 19px;
                //background: cyan;
                position: absolute;
                top:0;
                left:1054px;
                div{width: 18px;
                    height: 18px;
                    border: 1px solid #EDEDED;
                    float:left;
                    
                }
                .you{
                    position: absolute;
                    top:0;
                    left:67px;
                }
                div:hover{
                    border-color: #000000;
                }
                b{
                    font-size:12px;  
                }
                .one{
                    font-size:12px;
                    color:red;
                    margin-left:11px;
                }
            }
        }
    }
    
    .productlist{
        width:1160px;
        min-height:4162px;
        background:white;
        padding:30px 20px 2px;
//      ul{
//          float:left;
//      }
       li:hover{
           border-color:#EDEDED;
       }
       li:hover .gowuc{
           display: block;
       }
       li:hover .shoucang0{
           display: block;
       }
        li{position: relative;
            width:260px;
            height:417px;
            padding:0 4px 0;
            margin:0 10px -3px 10px;
            border:1px solid #FFFFFF;      //   ---------------------------------li边框                     
            float:left;
            .imgtu{
                width: 240px;
                height:282px;
                margin-left: 9px;
                border-bottom:1px solid #EDEDED;
                a{
                    img{
                        width: 240px;
                        height: 240px;
                        margin-top: 10px;
                    }        
                }
            }
            
            p{
                a{
                    color:#000000;
                    font-size:12px;
                    display: block;
                    margin-top:10px;
                    margin-bottom:25px;
                    line-height: 12px;
                    margin-left: 9px;
                }
                a:hover{
                    border-bottom:1px solid #000000;
                }
            }
            span{
                font-size:12px;
                font-weight:900;
                color: #000000; 
                margin-left: 9px;   
            }
            .gowuc{
               display: none;    //-------------------------购物车
                width: 70px;
                height:22px;
                background: red;
                margin-top:13px;
                margin-left: 9px;
                a{
                    color:white;
                    font-size:12px;
                    line-height: 22px;
                    display: block;
                    text-align: center;
                    
                }
            }
            .xin{
                width: 11px;
                height:10px;
                background-image: url(../images/img-list/repeat-d1.png);
            }
            .shoucang0{
                display: none; ////////-------------------------------收藏隐藏
                font-size:12px;
                float: left;
                position: absolute;
                top:372px;
                left:222px;
                a{
                    color:#000000;                   
                }
                a:hover{
                    color:red;
                }
            }
        }
    }
    //----------------------------------------------------------底下的分页
    .difenye{
        width: 1200px;
        height:24px;
        background:yellow;
        font-size:12px;
        
        span{
            width:52px;
            height: 22px;
            border:1px solid #EDEDED;
            float: left;
            background: white;
            text-align: center;
            line-height: 22px;
            a{
                color:#000000;
            }
        }
        .xia:hover{
                border-color: #000000;
            }
        .shang{
            margin-left: 392px;
        }
        .xia{
            margin-left:8px;
            margin-right:8px;
        }
        i{
            width:23px;
            height: 22px;
            border:1px solid #EDEDED;
            background: white;
            display: block; 
            float: left;
            margin-left: 8px;
            text-align: center;
            line-height: 22px;
        }
        .one1{
            border:none;
           margin-top: 1px;
        }
        i:hover{
                border-color: #000000;
            }
        p{
            float: left;
            color:#666;
            b{
                font-weight: 900;
            }
            input{
                width: 40px;
                height: 22px;
                outline: none;
                text-align: center;
            }
            
        }
        .queding{
                width: 40px;
                height: 22px;
                border:1px solid #EDEDED;
                background: white;
                text-align: center;
               line-height: 22px;    
               margin-left: 17px;        
            }
            .queding:hover{
                border-color: #000000;
            }
    }
    .sousuo{
        width:701px;
        height:31px;
        background: deeppink;        
        margin: 0 auto;
        margin-top:65px;
        input{
            outline: none;
            border: none;
            width:630px;
            height: 31px;
            border:2px solid #463b7f;
            float: left;
        }
        #sou{
            width: 69px;
            height: 35px;
            background: #463B7F;
            margin-left: 632px;
            a{
                color: white;
                font-size:12px;
                text-align: center;
                display: block;
                line-height: 35px;
            }
        }
    }
}
//-------------------------------------------------------结尾上-------------------------------
#endqian{
    display: block;
    width:1200px;
    height: 114px;
    background: white;
    margin: 30px auto 0;
    overflow: hidden;
    .qianshang{
        width:1200px;
        height:29px;
        background: white;
        margin-top: 20px;
        font-size:12px;
        p{
            line-height: 29px;
            float: left;
            margin-left: 29px;
        }
        .manyi{
            width:44px;
            height:27px;
            float: left;
            border:1px solid #EDEDED;
            background: white;
            line-height: 27px;
            text-align: center;
            margin-left: 13px;
        }
        .manyi:hover{
            border-color:#000000;
        }
        .bmanyi{
            background: white;
            width:56px;
            height:27px;
            border:1px solid #EDEDED;
            line-height: 27px;
            text-align: center;
            margin-left: 278px;
        }
        .bmanyi:hover{
            border-color:#000000;
        }
        #guanbianniu{
            display: block;
            width:10px;
            height:10px;
            background-image:url(../images/img-list/search-close.png);
            margin-left:1160px;
            margin-top:-18px;
        }
        #guanbianniu:hover{
            background:url(../images/img-list/search-close.png) 0 10px;
        }
    }
    .p{
        font-size:12px;
        line-height: 12px;
        margin-top:22px ;
        margin-left: 19px;
        color: #666;
    }
}
//---------------------------------------------------回到顶部
.Top{
    
    width:40px;
    height:40px;
    position:fixed;
    top:384px;
    left:1234px;
    .top{
        display: block;
        width:40px;
        height:40px;
        //border: 1px solid red;
        background:white url(../images/img-list/fixedtop1.png) 40px 0;
    }
    
}
.Top:hover{
        .top{
            background: #000000 url(../images/img-list/fixedtop1.png);
        }
    }

//
//
//.end{
//      width: 100%;
//      min-height:384px;
//      background: palegreen;
//      margin:69px auto 0;
//      padding-top:70px;
////      position:relative;
////      top: 543px;
////      left:0;
//      .endx{
//          width: 1200px;
//          min-height:281px;
//          background: red;
//          margin:0 auto;
//          .ulZ{
//              width: 1200px;
//              height:117px;
//              background: deepskyblue;
//              padding-top:48px;
//              ul{
//                  width: 236px;
//                  height:136px;
//                  float: left;
//                  margin-top:-48px;
//                  background: yellow;
//                  li{
//                       height: 34px;
//                      a{
//                          color: #000000;
//                          font-size:14px;
//                          line-height: 34px;
//                      }
//                      a:hover{
//                          color: #F8A120;
//                      }
//                  }
//              }
//          }
//        .shehui{
//             width: 1200px;
//             height:36px;
//             background: #f5f5f5;
//             font-size:12px;
//             span{
//                 font-size:12px;
//                 line-height: 36px;
//                 margin-right: 32px;
//             }
//             a{
//                 color: #000000;
//                 font-size: 12px;
//                 margin-right: 32px;
//                 img{
//                 display: inline-block;
//                 vertical-align: middle;
//                 }
//             }
//             a:hover{
//                 color: #F8A120;
//             }
//        }
//        .last{
//         width: 1200px;
//         height: 40px;
//         img{
//             display: inline-block;
//             margin-right: 20px;
//            }
//        }
//      }
//}
             